CSS Examples

CSS Candy Menu Posted on: 10/16/2008
Candy Menu is a stylish CSS drop down menu that's comes in six provocative colors to get you started.

Dashed Vertical Menu Posted on: 05/15/2005
A simple yet elegant list based vertical menu. Move the mouse over a link,
and the link area changes color. A thin dashed border follows each menu item.

Tableless forms using CSS Posted on: 02/10/2005
This CSS example transforms a conventional form so it's tableless. A form that doesn't use tables for its layout is much more lightweight and semantically correct.

Pseudo-classes of CSS Posted on: 01/16/2005
Pseudo-class are an interesting group of selectors in CSS that apply to elements when they're in a certain state or condition. This article describes each one.

JK Cool CSS Menu Posted on: 12/19/2004
A simple yet elegant CSS hover menu. Move the mouse over a link, and the entire link area changes color. A thin border surrounds each menu item.

2-level CSS Drop Down Menu Posted on: 12/09/2004
A 2 level CSS drop down menu based on the SuckerFish code. Enhanced with visual styling and the ability to modify the width of individual drop down menus.

Alternate Style Sheet for document Posted on: 11/19/2004
See the syntax for specifying an alternate external style sheet for the document, which the user can easily toggle between in his/ her browser that supports it (ie: Firefox 1.0).

Mark’s Blue Blocks Menu Posted on: 11/11/2004
A very attractive "blocks" CSS menu with hover effect. Also illustrates using child selectors to apply two different rules depending on whether the user browser is IE Win or not.